<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!--div是个容器，里面可以放文字，图-->
		<div id="app"></div>
	</body>
</html>
<script>
	//框架
	//定义一个类
	//function可以定义类，也可以定义函数
	function Vue(config){
		//1，找到数据
		let data=config.data
		//2，把div标签变成一个对象
		let object=document.getElementById(config.element)
		//3,给对象赋值
		object.innerHTML=data
	}
	
	//用框架的代码
	//{}定义了一个对象
	// data是个属性名 mate10是属性值
	//两个属性用,分隔
	let config={
		"data":"mate10",
		"element":"app"
	}
	
	//启动框架
	new Vue(config)
</script>